
/* ------------------------------------------------------------
  ui-components v1.0
  Create: 2012-09-14
  Last Updated: 2012-12-25
  Author: Cloudyan
  Contact: qqGroup:187260298 1395093509@qq.com
  Description: 包含最常用且基本的组件(不要轻易修改此样式表中的样式，详询Author)
------------------------------------------------------------ */

/**
 * @name      : ICON
 * @explain   : 图标
 * @type      : 无
 * @dependent : 无
 * @author    : Cloudyan
 * @version   : 1.0
 * @html      :

 */
[class^="icon-"], [class*=" icon-"] {
 display: inline-block;
 width: 14px;
 height: 14px;
 margin-top: 1px;
 *margin-right: .3em;
 line-height: 14px;
 vertical-align: text-top;
 background-image: url("../img/icon.png");
 background-position: 14px 14px;
 background-repeat: no-repeat;
}

/*.icon-picture{ background-position:0 0; }
.icon-th-list { background-position: 0 -24px; }
.icon-sbriefcase  { background-position: 0 -48px; }
.icon-user { background-position: 0 -72px; }
.icon-retweet { background-position: 0 -96px; }
.icon-tag { background-position: 0 -120px; }
.icon-arrow{ background-position:-22px -142px; width:18px; height:18px; cursor:pointer}
.expand_item>.icon-arrow{ background-position:-46px -142px;}
.icon-sort-up{ background-position:-24px 0; }
.icon-sort-down { background-position:-24px -24px; }
.icon-sort-up-white{ background-position:-48px 0; }
.icon-sort-down-white { background-position:-48px -24px; }

.icon-set,.icon-arrow-left,.icon-arrow-right{background: url("../img/combo.png") #3f4757 no-repeat;} 
.icon-set { background-position: 6px -138px; width:30px; height:30px;}
.icon-arrow-left{background-position: -16px -110px;width:30px; height:30px;}
.icon-arrow-right{background-position: -40px -110px;width:30px; height:30px;}
*/

.icon-home{background-position:0 -418px;}
.icon-error{background-position:0 -298px;}
.icon-succeed{background-position:0 -274px;}
.icon-warn{background-position:0 -322px;}
.icon-warn32{background-position:0 -106px;}
.icon-remind{background-position:0 -346px;}
.icon-nofilled{background-position:0 -440px;}
.icon-edit{background-position:0 -463px;}
.icon-allfilled{background-position:0 -487px;}
.icon-unwritable{background-position:0 -510px;}
.icon-liwu{background-position:0 -532px; height:16px;}

/*
 * 表单样式
 */

form {
  margin:0;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

/* legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

legend small {
  font-size: 15px;
  color: #999999;
}
 */
label,
input,
button,
select,
textarea {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}
label.inline {
  margin-bottom: 0;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 16px;
  padding: 4px 6px;
/*  margin-bottom: 10px;*/
  font-size: 12px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
/*  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;*/
}

input,
textarea,
.uneditable-input {
  width: 156px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #aabbcc;
  -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.075);
          box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 26px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

select {
  width: 170px;
  background-color: #ffffff;
  border: 1px solid #aabbcc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}

input,
textarea,
.uneditable-input {
  margin-left: 0;
}

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}

.controls-row {
  *zoom: 1;
}

.controls-row:before,
.controls-row:after {
  display: table;
  line-height: 0;
  content: "";
}

.controls-row:after {
  clear: both;
}

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left;
}

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

.control-group.info > label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad;
}

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad;
}

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad;
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-actions:after {
  clear: both;
}

.help-block,
.help-inline {
  color: #595959;
}

.help-block {
  display: block;
  margin-bottom: 10px;
}

.help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
}

.input-append,
.input-prepend {
  margin-bottom: 5px;
  font-size: 0;
  white-space: nowrap;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu {
  font-size: 14px;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn {
  vertical-align: top;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-append input + .btn-group .btn,
.input-append select + .btn-group .btn,
.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

/* Allow for input prepend/append in search forms */

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  *zoom: 1;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 10px;
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}

.form-horizontal .controls:first-child {
  *padding-left: 180px;
}

.form-horizontal .help-block {
  margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block {
  margin-top: 10px;
}

.form-horizontal .form-actions {
  padding-left: 180px;
}
.input-date{background:url(../img/combo.png) 100% -26px no-repeat;padding-right: 20px;}

.close {
  float: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}



/* Button */
.btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  /**margin-left: .3em;*/
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
  vertical-align: middle;
  cursor: pointer;
  background-color: #F3F3F3;
  *background-color: #e6e6e6;
  /*background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);*/
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  *border: 0; /* IE6 IE7下聚焦状态会有不可控的黑色边框 */
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
  /* -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);*/
}

input.btn{
	_width: auto;
	/* IE6下使input的按钮和a及button的按钮保持宽度一致 */
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #E3E3E3;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 18px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 2px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini {
  padding: 0px 6px;
  font-size: 12px;
  /*-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;*/
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,


input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn {
  border-color: #c5c5c5;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    border-left-color: #0044cc;
    border-right-color: #0044cc;
    border-top-color: #0044cc;
    border-bottom-color: #002a80;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    border-left-color: #f89406;
    border-right-color: #f89406;
    border-top-color: #f89406;
    border-bottom-color: #ad6704;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    border-left-color: #bd362f;
    border-right-color: #bd362f;
    border-top-color: #bd362f;
    border-bottom-color: #802420;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    border-left-color: #51a351;
    border-right-color: #51a351;
    border-top-color: #51a351;
    border-bottom-color: #387038;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    border-left-color: #2f96b4;
    border-right-color: #2f96b4;
    border-top-color: #2f96b4;
    border-bottom-color: #1f6377;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #444444, #222222);
    border-left-color: #222222;
    border-right-color: #222222;
    border-top-color: #222222;
    border-bottom-color: #000000;
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}


.btn-link {
  color: #0088cc;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-link:hover {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover {
  color: #333333;
  text-decoration: none;
}

.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  *zoom: 1;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group + .btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0;
}

.btn-toolbar .btn + .btn,
.btn-toolbar .btn-group + .btn,
.btn-toolbar .btn + .btn-group {
  margin-left: 5px;
}

.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group > .btn + .btn {
  margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu {
  font-size: 14px;
}

.btn-group > .btn-mini {
  font-size: 11px;
}

.btn-group > .btn-small {
  font-size: 12px;
}

.btn-group > .btn-large {
  font-size: 16px;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  *padding-top: 5px;
  padding-right: 8px;
  *padding-bottom: 5px;
  padding-left: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group > .btn-mini + .dropdown-toggle {
  *padding-top: 2px;
  padding-right: 5px;
  *padding-bottom: 2px;
  padding-left: 5px;
}

.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
  *padding-top: 7px;
  padding-right: 12px;
  *padding-bottom: 7px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}

.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}

.btn-mini .caret,
.btn-small .caret,
.btn-large .caret {
  margin-top: 6px;
}

.btn-large .caret {
  border-top-width: 5px;
  border-right-width: 5px;
  border-left-width: 5px;
}

.dropup .btn-large .caret {
  border-bottom-width: 5px;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

.btn-group-vertical .btn {
  display: block;
  float: none;
  width: 100%;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group-vertical .btn + .btn {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.btn-group-vertical .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.btn-group-vertical .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}

.btn-group-vertical .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}


.btn{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
input.btn{height:30px;}
input.btn-large{height:44px;}
input.btn-small{height:26px;}
input.btn-mini{height:22px;}
a.btn,button.btn{*padding-top:0;*padding-bottom:0;*height:30px; }
a.btn{*line-height:30px;}
a.btn-large,
button.btn-large,
input.btn-large{*height:42px;}
a.btn-large{*line-height:42px;_height:44px;}

a.btn-small,
button.btn-small,
input.btn-small {*height:24px;}
a.btn-small{*line-height:24px;}
button.btn-small,input.btn-small {*height:24px;}
a.btn-small,button.btn-small{_height:26px;}
a.btn-mini{*line-height:22px;}
a.btn-mini,button.btn-mini,input.btn-mini{*height:22px;}
/* IE7下为保持一致，需要如上设置 */


/* Button结束 */

/* 扩展功能 */
input.search{ background:url(../img/icon.png) #fff 93% 6px no-repeat}
.form-mini input{ height:12px;}
.form-mini input,.form-mini .btn{ vertical-align:top}

/* arrow */
.ui-arrow,
.ui-arrow-top,
.ui-arrow-right,
.ui-arrow-bottom,
.ui-arrow-left,
.active .ui-arrow,
.active .ui-arrow-top,
.active .ui-arrow-right,
.active .ui-arrow-bottom,
.active .ui-arrow-left {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-style: dashed;
    border-color: transparent;
    border-width: 5px;
}


.ui-arrow-top,
.active .ui-arrow-bottom {
    border-bottom-style: solid;
    border-top-width: 0;
}
.ui-arrow-right,
.active .ui-arrow-left {
    border-left-style: solid;
    border-right-width: 0;
}
.ui-arrow-bottom,
.active .ui-arrow-top {
    border-top-style: solid;
    border-bottom-width: 0;
}
.ui-arrow-left,
.active .ui-arrow-right {
    border-right-style: solid;
    border-left-width: 0;
}

.active .dark-ui-arrow-bottom, .dark-ui-arrow-top    { border-bottom-color: #333; }
.active .dark-ui-arrow-left  , .dark-ui-arrow-right  { border-left-color  : #333; }
.active .dark-ui-arrow-top   , .dark-ui-arrow-bottom { border-top-color   : #333; }
.active .dark-ui-arrow-right , .dark-ui-arrow-left   { border-right-color : #333; }

.active .gray-ui-arrow-bottom, .gray-ui-arrow-top    { border-bottom-color: gray; }
.active .gray-ui-arrow-left  , .gray-ui-arrow-right  { border-left-color  : gray; }
.active .gray-ui-arrow-top   , .gray-ui-arrow-bottom { border-top-color   : gray; }
.active .gray-ui-arrow-right , .gray-ui-arrow-left   { border-right-color : gray; }

.active .white-ui-arrow-bottom, .white-ui-arrow-top    { border-bottom-color: #fff; }
.active .white-ui-arrow-left  , .white-ui-arrow-right  { border-left-color  : #fff; }
.active .white-ui-arrow-top   , .white-ui-arrow-bottom { border-top-color   : #fff; }
.active .white-ui-arrow-right , .white-ui-arrow-left   { border-right-color : #fff; }

.active .blue-ui-arrow-bottom, .blue-ui-arrow-top    { border-bottom-color: #0183b0; }
.active .blue-ui-arrow-left  , .blue-ui-arrow-right  { border-left-color  : #0183b0; }
.active .blue-ui-arrow-top   , .blue-ui-arrow-bottom { border-top-color   : #0183b0; }
.active .blue-ui-arrow-right , .blue-ui-arrow-left   { border-right-color : #0183b0; }

.active .pink-ui-arrow-bottom, .pink-ui-arrow-top    { border-bottom-color: #e38; }
.active .pink-ui-arrow-left  , .pink-ui-arrow-right  { border-left-color  : #e38; }
.active .pink-ui-arrow-top   , .pink-ui-arrow-bottom { border-top-color   : #e38; }
.active .pink-ui-arrow-right , .pink-ui-arrow-left   { border-right-color : #e38; }

.active .orange-ui-arrow-bottom, .orange-ui-arrow-top    { border-bottom-color: orange; }
.active .orange-ui-arrow-left  , .orange-ui-arrow-right  { border-left-color  : orange; }
.active .orange-ui-arrow-top   , .orange-ui-arrow-bottom { border-top-color   : orange; }
.active .orange-ui-arrow-right , .orange-ui-arrow-left   { border-right-color : orange; }



/*!
 * tipbox.css v1.0 提示ICON/信息提示层/提示文本/提示框
 * Adapted from aliceui
 * 组件添加 ui- 前缀
**/

/** @name      : tip信息提示
  * @explain   : 包含 提示ICON/信息提示层/提示文本/提示框
  * @type      : 基类 .ui-tip .tip-icon .poptip .tiptext tipbox 保留类 .message .alert 等
  * @dependent : pandora
  * @author    : CloudYan
  * @version   : 1.0
  * @other     : 状态标识有图标集tip-icon 或字体集 tip*>iconfont形式
                tip-arrow 提示框箭头，采用点钟方向标记，默认10点，且默认为通用三角，提示层为尖锐三角
***/

/* 一些公共设置 */


/* ui-close 关闭 */ 
.ui-close,
.tip-close {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 28px;
    height: 28px;
    overflow: hidden;
    line-height: 28px;
    text-align: center;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    color: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.ui-close:hover,
.tip-close:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
    color: #f00;
}

/* tip-icon */
.tip-icon,
.tip-icon-big {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(http://pic.lvmama.com/img/v4/tip-icon.png) -9999px -9999px no-repeat;
}
.tip-icon,
.tip-icon-big {
    *margin-right: 4px;
}

.tip-icon-default,
.tip-icon-info     { background-position:     0 -34px; }
.tip-icon-warning  { background-position: -15px -34px; }
.tip-icon-error    { background-position: -30px -34px; }
.tip-icon-success  { background-position: -45px -34px; }
.tip-icon-help     { background-position: -60px -34px; }
.tip-icon-stop     { background-position: -75px -34px; }
.tip-icon-wait     { background-position: -90px -34px; }

.tip-icon-big,
.tip-icon-big-default,
.tip-icon-big-info,
.tip-icon-big-warning,
.tip-icon-big-error, 
.tip-icon-big-success,
.tip-icon-big-help,
.tip-icon-big-stop,
.tip-icon-big-wait {
    width: 32px;
    height: 32px;
}
.tip-icon-big-default,
.tip-icon-big-info     { background-position:      0 0; }
.tip-icon-big-warning  { background-position:  -33px 0; }
.tip-icon-big-error    { background-position:  -66px 0; }
.tip-icon-big-success  { background-position:  -99px 0; }
.tip-icon-big-help     { background-position: -132px 0; }
.tip-icon-big-stop     { background-position: -165px 0; }
.tip-icon-big-wait     { background-position: -198px 0; }

.tip-icon-big-loading {
    width: 46px;
    height: 46px;
    background: url(http://pic.lvmama.com/img/new_v/ui_scrollLoading/loadingGIF46px.gif) no-repeat;
}


/** @name      : poptip 
  * @explain   : 提示层，不包含close及icon，且为尖锐角
  * @type      : 基类 .ui-tip .tip-icon
  * @dependent : pandora
  * @author    : CloudYan
  * @version   : 1.0
  * @html      :

***/
.poptip {
    font-size: 12px;
}
/* poptip-mini类，配合尖锐sharp角 实现小提醒 */
.poptip-mini {
    position: relative;
    display: inline-block;
    
    /* 修复定位时遇到父容器边界导致中文换行显示不正常 */
    white-space: nowrap;
    font-size: 12px;
    padding:0 5px;
    height: 20px;
    line-height: 18px;
}
.poptip-mini-warning {
    background: #f80;
    color: #fff;
}
.tip-sharp {
    position: absolute;
    width: 0;
    height: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}
.tip-sharp-top,
.tip-sharp-bottom {
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #f80;
}
.tip-sharp-left,
.tip-sharp-right {
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #f80 transparent;
}
.tip-sharp-top {
    top: -8px;
    left: 10px;
    border-width: 10px 0 0 10px;
}
.tip-sharp-bottom {
    bottom: -8px;
    left: 10px;
    border-width: 0 0 10px 10px;
}
.tip-sharp-left {
    top: 8px;
    left: -8px;
    border-width: 0 0 10px 10px;
}
.tip-sharp-right {
    top: 8px;
    right: -8px;
    border-width: 0 10px 10px 0;
}

.tipbox p,
.tiptext p { 
    margin: 0;
}
/** @name      : tiptext 
  * @explain   : 提示文本
  * @type      : 基类 .ui-tip .tip-icon
  * @expand    : 扩展 -info -success -error -warning -help -stop -wait
  * @dependent : pandora
  * @author    : CloudYan
  * @version   : 1.0
  * @html      :

.tiptext * {
    margin: 0;
    padding: 0;
}

***/
.tiptext {
    position: relative;
    z-index: 10;
    margin: 5px 0 10px;
    padding: 5px 20px 5px 10px;
    line-height: 22px;
    font-size: 12px;
    color: #666;
    
    /* 修复IE7 上边框显示不正确 */
    *zoom: 1;
    
    /* 控制长词内容折断 */
    word-wrap: break-word;
    word-break: break-all;
}

.tiptext .ui-close {
    top: -1px;
}
.tiptext .tip-icon {
    position: relative;
    top: 3px;
    *top: 1px;
    margin-right: 5px;
    
    /* 解决IE6下line-height失效 */
    _margin-top: 4px;
    _margin-bottom: 4px;
    _vertical-align: middle;
}
span.tiptext {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
}

/** @name      : tipbox 
  * @explain   : 提示框
  * @type      : 基类 .ui-tip .tip-icon
  * @expand    : 扩展 -info -success -error -warning -help -stop -wait
  * @dependent : pandora
  * @author    : CloudYan
  * @version   : 1.0
  * @html      :

.tipbox * {
    margin: 0;
    padding: 0;
}

***/
.tipbox {
    position: relative;
    margin: 10px 0;
    padding: 10px 30px 10px 10px;
    background: #f9f9f9;
    border: 1px solid #d4d4d4; 
    font-size: 12px;
    line-height: 22px;
    z-index: 10;
    
    /* 修复IE7 下tipbox内的a标签表现为整行激活 */
    *zoom: 1;
    
    /* 控制长词内容折断 */
    word-wrap: break-word;
    word-break: break-all;
}
.tip-content {
    padding: 10px 10px 5px 76px;
    min-height: 35px;
}
.tip-align {
    padding: 0 10px 0 76px;
}

.tipbox .tip-title {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: bold;
}

.tipbox .tip-color-title {
    margin: 0 0 10px;
    font-family: "Microsoft YaHei",\5FAE\8F6F\96C5\9ED1;
    font-size: 24px;
    font-weight: 400;
}

.tipbox .tip-icon-big {
    position: absolute;
    top: 18px;
    left: 40px;
}
.tipbox .tip-explain {
    color: gray;
}
.tipbox .tip-icon-big-loading {
    left: 28px;
}

/** @name      : tip-border 如：tip-info
  * @explain   : tip框框，用于组合
  * @type      : 基类 .ui-tip .tip-icon
  * @expand    : 扩展 -info -success -error -warning -help -stop -wait === message danger
  * @html      ：

***/
.tip-border,
.tip-default,
.tip-gray {
    background: #f9f9f9;
    border: 1px solid #d9d9d9; 
}
.tip-border .tip-arrow em,
.tip-default .tip-arrow em,
.tip-gray .tip-arrow em {
    color: #d9d9d9;
}
.tip-border .tip-arrow i,
.tip-default .tip-arrow i,
.tip-gray .tip-arrow i {
    color: #f9f9f9;
}

.tip-info {
    background: #e5f5ff;
    border: 1px solid #c9d5e2;
}
.tip-info .tip-arrow em {
    color: #c9d5e2;
}
.tip-info .tip-arrow i {
    color: #e5f5ff;
}

.tip-warning {
    background: #ffffe0;
    border: 1px solid #ff8801;
}
.tip-warning .tip-arrow em {
    color: #ff8801;
}
.tip-warning .tip-arrow i {
    color: #ffffe0;
}


.tip-error {
    background: #fff2f2;
    border: 1px solid #f44;
}
.tip-error .tip-arrow em {
    color: #ff4444;
}
.tip-error .tip-arrow i {
    color: #fff2f2;
}

.tip-success {
    background: #f1ffe2;
    border: 1px solid #7dc25e;
}
.tip-success .tip-arrow em {
    color: #7dc25e;
}
.tip-success .tip-arrow i {
    color: #f1ffe2;
}
.tip-success .tip-color-title {
    color: #090;
}


.tip-help {
    background: #e5f5ff;
    border: 1px solid #c9d5e2;
}
.tip-help .tip-arrow em {
    color: #c9d5e2;
}
.tip-help .tip-arrow i {
    color: #e5f5ff;
}

.tip-stop {
    background: #fceee8;
    border: 1px solid #f6c8b5;
}
.tip-stop .tip-arrow em {
    color: #f6c8b5;
}
.tip-stop .tip-arrow i {
    color: #fceee8;
}

.tip-wait {
    background: #e5f5ff;
    border: 1px solid #c9d5e2;
}
.tip-wait .tip-arrow em {
    color: #c9d5e2;
}
.tip-wait .tip-arrow i {
    color: #e5f5ff;
}

/** @name      : tip-arrow 如：tip-arrow-1
  * @explain   : 点钟方向标记，用于组合显示箭头位置
  * @type      : 基类 .tip-arrow
  * @expand    : 扩展 .tip-arrow-1 ～ .tip-arrow-12
  * @other     ：值方位与点钟的对应，仅用于单行提醒
    top    -- 11
    bottom --  7
    right  --  3
    left   --  9

***/
.tip-arrow {
    position: absolute;
    width: 16px;
    height: 14px;
}
.tip-arrow i,
.tip-arrow em {
    position: absolute;
    font-size: 14px;
    font-family: SimSun,Tahoma,Arial,\5b8b\4f53,sans-serif;
    line-height: 1;
    font-style: normal;
    font-weight: normal;
}

.tip-arrow-11,
.tip-arrow-top,
.tip-arrow-12,
.tip-arrow-0,
.tip-arrow-1      {    top:  -8px; _top: -7px; }
.tip-arrow-2,
.tip-arrow-3, 
.tip-arrow-right,
.tip-arrow-4      {  right: -10px; }
.tip-arrow-5,
.tip-arrow-6,
.tip-arrow-7,
.tip-arrow-bottom { bottom:  -8px; _bottom: -10px; }
.tip-arrow-8,
.tip-arrow-9,
.tip-arrow-left,
.tip-arrow-10     {   left:  -8px; _left: -7px; }

.tip-arrow-10,
.tip-arrow-2  {    top:  5px; }
.tip-arrow-8,
.tip-arrow-4  { bottom:  5px; }
.tip-arrow-1,
.tip-arrow-5  {  right: 30px; }
.tip-arrow-7,
.tip-arrow-11,
.tip-arrow-top {  left: 30px; }

.tip-arrow-9,
.tip-arrow-left,
.tip-arrow-3,
.tip-arrow-right { top: 50%; margin-top:  -7px; }

.tip-arrow-12,
.tip-arrow-0,
.tip-arrow-6  {   left: 50%; margin-left: -8px; }

.tip-arrow-11 i,
.tip-arrow-top i,
.tip-arrow-12 i,
.tip-arrow-0 i,
.tip-arrow-1 i {   top:  1px; }

.tip-arrow-2 i,
.tip-arrow-3 i,
.tip-arrow-right i,
.tip-arrow-4 i {  left: -1px; }

.tip-arrow-5 i,
.tip-arrow-6 i,
.tip-arrow-7 i,
.tip-arrow-bottom i {   top: -1px; }

.tip-arrow-8 i,
.tip-arrow-9 i,
.tip-arrow-left i,
.tip-arrow-10 i { left:  1px; }


/* .tip-line 用于单行的tiptext文本提醒，常和表单混用 */
.tip-line,
span.tip-line {
    margin-top: 0;
    padding: 3px 10px;
    height: 22px;
    line-height: 22px;
    white-space: nowrap;
}

.form-inline .tip-line {
    margin-top: 0;
    margin-bottom: 0;
}
.tip-line {
    padding: 3px 10px;
}
.form-small .tip-line {
    padding: 1px 10px;
    height: 22px;
    line-height: 22px;
}

/* 实现带换行的格式化文本 */
.pre-wrap {
    white-space: pre-wrap;
    word-break: break-word;
}

/*
 * tip 扩展
 * 实现：无边框大标题、小尺寸提醒、紧密布局
**/


/* 设置无边框、背景 */
.tip-nowrap {
    border: none;
    background: none;
}
.tip-nowrap .tip-arrow {
    display: none;
}

.tipbox-outer {
    margin: 60px auto;
    width: 700px;
}

.tip-dense {
    margin: -10px 0;
}

.tip-dense .tip-content {
    padding-left: 50px;
}
.tip-dense .tip-icon-big {
    left: 14px;
}


/* ------------------------------------------------------------
  ui-components v0.9
  Create: 2012-09-14
  Last Updated: 2012-09-29
  Author: Cloudyan
  Contact: qqGroup:187260298 1395093509@qq.com
  Description: 包含最常用且基本的组件(不要轻易修改此样式表中的样式，详询Author)
------------------------------------------------------------ */

/* （页面html说明举例）搜索页面主体内容 
 * 边栏盒模型aside-box 单独定义盒子请附加具体的盒子名称，样式在自定义class名下定义
 * 如有边框添加class="lv-bd"
 * 尽量保持结构设计上的统一，保持页面中的注释风格，示例如下：
 * 注释开始 <!-- 盒子功能名称\\ -->
 * 注释结束 <!-- //盒子功能名称 -->
 */

/**
 * @name      : Autocomplete Plugin
 * @explain   : 自动完成插件
 * @type      : 基类 .auto >> auto-big auto-list
 * @dependent : 无
 * @author    : Cloudyan
 * @version   : 1.0
 * @html      :

 */


/* 自动补全插件样式并不在这里使用
.auto{font:12px/22px \5b8b\4f53,Tahoma,Arial; width:277px; overflow:hidden;border:1px solid #dbdbdb;background: #fff;
box-shadow:2px 2px 2px 0 rgba(102,102,102,0.2);}
.auto a{color:#333; text-decoration:none}
.auto a:hover{ color:#e08; text-decoration:underline}
.auto-line{color:#888; font-size:12px;font-weight:normal; margin:0;}
.auto-title{color:#999; font-size:12px; font-weight: normal; border-bottom:1px dotted #dbdbdb}
.auto-box{ padding:5px 10px;}
.auto-mini .auto-box,.auto-single .auto-box{ padding:0;}
.a2row,.a3row,.a4row,.a5row{ overflow:hidden;*zoom:1; margin-right:-2px; padding-top:2px; margin-bottom:10px;}
.a2row li,.a3row li,.a4row li,.a5row li{ float:left; display:inline;overflow:hidden;}
.a2row li{ width:49.5%}.a3row li{ width:33.25%}.a4row li{ width:24.9%}.a5row li{ width:19.9%}
.auto a{ display:block;white-space:nowrap;overflow:hidden; text-align:left;}
.auto-mini a{ padding:0 10px;}
.auto-single a{padding:2px 10px;}
.a2row a,.a3row a{margin-right:10px;text-overflow:ellipsis;}
.auto-mini a,.auto-single a{text-overflow:ellipsis;color:#333;}
.auto-mini a:hover,.auto-single a:hover{ background:#ff9cc0;color:#fff; text-decoration:none}
.auto-mini li,.auto-single li{_float:left;clear:both;_width:100%}
.auto-mini a,.auto-single a{_float:left;_width:100%;}
.auto-big{ width:355px;}
.auto-middle{width:277px;}
.auto-small{ width:235px;}
.auto-mini{ width:137px;}
.auto-type{color:#888}
.auto-single a:hover .auto-type{color:#fff;}
.auto-channel .auto-type{color:#ee0088; font-weight:bold}
.auto-channel li{ background:#efeceb; margin-top:1px;}
 */
.orange{font-style:normal;color:#f60;}
/* 活动促销icon
 * icon101  节日-红色(按顺序排列) 元旦 清明 五一 端午 中秋 国庆 微旅游日
 * icon201	促销-橙色 多人多惠 礼盒 促销 热卖 新品
 * icon301	项目-多彩 超级自由行 开心驴行
 * icon-sp1	促销-大ICON 信用卡促销 多人多惠 早订优惠 招行专享
 * icon-01  标识-景点
 */
.icon-item,.icon-item-last,.icon-tag,.icon-tag2,.icon-type1,.icon-type2,.icon-type3,
.icon-01,
.icon101,.icon102,.icon103,.icon104,.icon105,.icon106,.icon07,
.icon201,.icon202,.icon203,.icon204,.icon205,
.icon301,.icon302,
.icon-sp1,.icon-sp2,.icon-sp3,.icon-sp4,.icon-sp5,.icon-sp6
{ background: url(http://pic.lvmama.com/img/new_v/ob_search/combo.gif) no-repeat; display: inline-block;*display: inline;*zoom:1; vertical-align:top;*vertical-align:middle;font-family:Tahoma,Arial,\5b8b\4f53;text-indent:0;}
.icon-tag,.icon-tag2{height:16px;line-height:16px;padding:0 5px;font-weight:normal;font-size:12px;margin-left:4px;color:#fff;margin-top:2px;_overflow:hidden;_line-height:17px;_margin-top:0;}
.icon-tag{background-position:right -79px;}
.icon-tag,.icon-tag2{background:#ff9614;padding:0 4px;font-style:normal;}
.icon-01{ height:16px; width:16px;margin-top:2px;*margin-top:0;}
.icon-01{ background-position: 0 -96px;}
.icon101,.icon102,.icon103,.icon104,.icon105,.icon106,.icon07,
.icon201,.icon202,.icon203,.icon204,.icon205
{height: 16px;width: 33px; margin-top:2px;*margin-top:0; margin-left:10px;}
/* icon101	节日-红色(按顺序排列) 101元旦 102清明 103五一 104端午 105中秋 106国庆 107微旅游日 */
.icon101{ background-position: -122px 0} 
.icon102{ background-position: -155px -16px}
.icon103{ background-position: -122px -16px}
.icon104{ background-position: -155px -16px}
.icon105{ background-position: -122px -32px}
.icon106{ background-position: -155px -32px}
.icon107{ background-position: -122px -48px;width: 56px;}
/* icon201	促销-橙色 201多人多惠 202礼盒 203促销 204热卖 205新品 */
.icon201{ background-position: -122px -80px;width: 56px;}
.icon202{ background-position: -179px -80px;width: 12px;}
.icon203{ background-position: -122px -96px;}
.icon204{ background-position: -155px -96px;}
.icon205{ background-position: -122px -112px;}
/* icon301	项目-玫红 301超级自由行 302开心驴行 */
.icon301,.icon302
{height: 17px;width: 76px; margin-left:10px;}
.icon301{ background-position: -190px 0; width: 88px;}
.icon302{ background-position: -190px -17px; width: 76px;}
/* icon301	促销-大ICON -sp1信用卡促销 -sp2多人多惠 -sp3早订优惠 -sp4招行专享 */
.icon-sp1,.icon-sp2,.icon-sp3,.icon-sp4,.icon-sp5,.icon-sp6
{ width: 90px; height: 34px; margin-bottom:10px;}
.icon-sp1{ background-position: -32px 0}
.icon-sp2{ background-position: -32px -34px}
.icon-sp3{ background-position: -32px -68px}
.icon-sp4{ background-position: -32px -102px}
.icon-type1,.icon-type2,.icon-type3{ background: url(http://pic.lvmama.com/img/new_v/ob_search/combo.gif) #ff77bb no-repeat; color:#fff;height:16px;line-height:16px;width:30px;padding-left:20px;}
.icon-type1{background-position:-190px -34px;}
.icon-type2{background-position:-190px -47px;}
.icon-type3{background-position:-190px -62px;}

/* 项目树 */
.icon-item,.icon-item-last{ width:20px;height:28px; line-height:28px; float:left}
.icon-item,.icon-item-last{ background: url(http://pic.lvmama.com/img/new_v/ob_search/combo.gif) #f9f9f9 no-repeat;}
.icon-item{ background-position:0 0;}
.icon-item-last{ background-position:0 -24px;}

.cashback,.discount {border: 1px solid #ff9614; display: inline-block; *display: inline;*zoom:1; margin-top:2px;width:40px; height: 14px; line-height: 14px; overflow: hidden; padding:0 0 0 14px; text-align: center;color:#ff9614; text-indent: 0; margin-left:4px; vertical-align:top; *vertical-align:middle; cursor:default;font-family:Tahoma,Arial,\5b8b\4f53;text-indent:0;}
a.cashback:hover,.discount:hover{color:#ff9614; text-decoration:none}
.cashback i,.discount i{ float: left; display: inline; width:14px; margin-left: -14px; height: 100%; background: #ff9614;color: #fff;}
.discount{padding:0 0 0 52px;}
.discount i{width:52px; margin-left: -52px;font-style:normal}

/* pages页码小组件
 * 样式默认玫红色（可缺省rosestyle）
 * 可组合样式orangestyle橙色
 * @html
<div class="pages orangestyle"> <!-- <div id="lv_page"><div class="Pages">可缺省此两级嵌套 -->
	<span class="PageSel">1</span>
	<a href="#">2</a>
	<a href="#">3</a>
	<span class="more">...</span>
	<a href="#">下一页</a>
</div>
 */
.pages{margin:10px 0 0;text-align:right;}
.pages a,.pages span{display:inline-block;zoom:1;*display:inline;margin-left:5px;padding:0 9px;height:25px;line-height:25px;}
.pages a{border:1px solid #ddd;color:#333;background:#fff;}
.pages .PageSel,.rosestyle .PageSel{font-weight:bold;border:1px solid #df1a7a;color:#fff;background:#df1a7a;}
.pages a:hover,.rosestyle a:hover{ border-color:#df1a7a;color:#df1a7a; text-decoration:none;cursor:pointer;}
.orangestyle .PageSel{font-weight:bold;border:1px solid #f80;color:#fff;background:#f80;}
.orangestyle a:hover{ border-color:#f80;color:#f80; text-decoration:none}

/* 星星组件
 * span.big_star 大星星-方形玫红星-无灰色背景（底灰色星星）
 * span.re_star starbg 点评星星（灰色背景）
 * span.b_star 大星星-玫红星-透明背景（底灰色星星）
 * span.sm_star 小星星-玫红小星星
 * span.c_star 小星星-橙色实心
 * span.k_star mini星星-橙色空心
 * span.t_star mini星星-橙色实心（底空心星）
 * span.mt_star span.mk_star mini星星-频道特色酒店紧密型星星
 * @html
<span class="big_star"><i style="width:80%"></i></span>
 */
span.xc_star,
span.xc_star i,
span.xcm_star,
span.xcm_star i,
span.big_star,
span.big_star i,
span.b_star,
span.b_star i,
span.sm_star,
span.sm_star i,
span.t_star,
span.t_star i,
span.k_star i,
span.mt_star,
span.mt_star i,
span.mk_star i,
.re-star,
.starbg,
.starbg i,
span.c_star,
span.c_star i{ background:url(http://pic.lvmama.com/img/new_v/channel/ico_s_result.gif) no-repeat;display:inline-block;*display:inline;*zoom:1;overflow:hidden;}
span.c_star,span.c_star i{width:80px;height:20px;background-position:-140px -122px;}
span.t_star,span.k_star{display:inline-block;overflow:hidden; height:10px;}
span.t_star,span.k_star{width:62px;}
span.t_star,span.t_star i,span.k_star i{ height:10px; background-position:-50px -100px;}
span.t_star i{background-position:-50px -111px;}
span.t_star i,span.k_star i,span.mt_star i,span.mk_star i{ float:left;}
span.sm_star,span.sm_star i{width:68px; height:12px; background-position:-180px -100px;}
span.sm_star i{background-position:-180px -111px; float:left;}
span.big_star,span.big_star i{ width:69px; height:13px; background-position:-24px 0;}
span.big_star i{background-position:-24px -16px; float:left;}
span.b_star,span.b_star i{ width:78px; height:12px; background-position:-27px -124px;}
span.b_star i{background-position:-27px -138px; float:left;}
.re-star,.starbg,.starbg i{ background-position:-250px -100px;width:80px; height:20px;}
.re-star{ padding:0 7px; overflow:hidden; vertical-align:middle}
.starbg{ background-position:-257px -100px;}
.starbg i{float:left; background-position:-257px -120px;}
/* 小星星扩展 */
span.star1{ width:12px}
span.star2{ width:24px}
span.star3{ width:37px}
span.star4{ width:49px}
span.star5{ width:62px}
.b_star .star1{ width:16px}
.b_star .star2{ width:32px}
.b_star .star3{ width:48px}
.b_star .star4{ width:64px}
.b_star .star5{ width:80px}
small.star{font-weight: normal; font-size:12px; line-height:11px; -webkit-text-size-adjust: none;}
small.star i{ width:100%;}
small.star span.t_star{ margin-right:5px;}
/* 小星星扩展-酒店等级 */
span.mt_star,span.mk_star{display:inline-block;overflow:hidden; height:10px;}
span.mt_star,span.mk_star{width:50px;}
span.mt_star,span.mt_star i,span.mk_star i{ height:10px; background-position:-250px -60px;}
span.mt_star i{background-position:-250px -70px;}
span.m_star1{ width:10px}
span.m_star2{ width:20px}
span.m_star3{ width:30px}
span.m_star4{ width:40px}
span.m_star5{ width:50px}
small.m_star{font-weight: normal; font-size:12px; line-height:11px; -webkit-text-size-adjust: none;}
small.m_star i{siaplay:inline-block; width:100%;}
small.m_star span.mt_star{ margin-right:5px;}

/* 翻页小组件 */
.pageoper{color:#555}
.page-arrow,i.arrow{ background:url(http://pic.lvmama.com/img/new_v/ob_search/combo.gif) 1000px 1000px no-repeat; display:inline-block; *display:inline;*zoom:1;}
.page-arrow { width:16px; height:16px; overflow:hidden; position:absolute; top:2px; _top:1px;}
.page-arrow-left{background-position:0 -80px; left:0px;}
.page-arrow-right{background-position:-16px -80px; right:0px;}
.page-prev,.page-next{ display:inline-block;*display:inline;*zoom:1; border:1px solid #dfdfdf; height:20px;line-height:20px; background:#fff; color:#555; position:relative}
.page-prev{ padding:0 4px 0 15px;}
.page-next{ padding:0 15px 0 4px;}
a.page-prev:hover,a.page-next:hover{color:#555; text-decoration:none; border-color:#FFB8DB;}

/* 新点评星星 */
span.xc_star,span.xc_star i{width:85px;height:15px;background-position:-241px -210px;}
span.xc_star{background-position:-241px -228px;}
span.xc_star i,span.xcm_star i{float:left;}
span.xcm_star,span.xcm_star i{width:63px;height:12px;background-position:-241px -245px;}
span.xcm_star{background-position:-241px -257px;}

.xcm_star{position:relative;top:2px;}

/* view-more arrow 展开/收起-箭头 */
.view-more,.hide-more{ display:inline-block;*display:inline;*zoom:1; line-height:22px; cursor:pointer}
i.arrow{ background-position:0 -112px;width:16px; height:16px; margin:2px 0 0 3px; vertical-align:top; *vertical-align:baseline}
.view-more .arrow{ background-position:0 -112px; }
.hide-more .arrow{background-position:-16px -112px; }

/**
 * @name      : tooltip
 * @explain   : 提示
 * @type      : 基类
 * @dependent : 无
 * @author    : Cloudyan
 * @version   : 1.0
 * @html      :

<div class="tooltip top">
	<div class="tooltip-arrow"></div>
	<div class="tooltip-outer">
		<div class="tooltip-shadow"></div>
		<div class="tooltip-inner">
			<h5 class="tooltip-title">标题</h5>
			<div class="tooltip-content"><p>内容</p></div>
		</div>
	</div>
</div>
 */

.tooltip {position: absolute;z-index: 1030;display: block; padding:5px 0; font-size: 11px;/*opacity: 0;filter: alpha(opacity=0);*/visibility: visible;}
/*.tooltip.in {opacity: 0.8;filter: alpha(opacity=80);}*/
.tooltip.top {margin-top: -3px;}
.tooltip.right {margin-left: 3px;}
.tooltip.bottom {margin-top: 3px;}
.tooltip.left {margin-left: -3px;}
.tooltip-outer {width:auto;max-width: 300px;min-width:80px;_width:260px; position:relative; overflow:hidden; padding:3px; z-index:10;
/*  border-bottom-color:rgba(129,129,129,1);
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;*/
	
}
.tooltip-shadow{
	position:absolute; width:100%; height:100%; _width:265px; _height:200px; top:0; left:0;z-index:50;
	background:#000;
	opacity:0.1;
	filter: alpha(opacity=10);
}
.tooltip-inner{ position:relative; z-index:101; left:0; top:0; padding:5px 8px; background:#fff;text-decoration:none; border:1px solid #c6c6c6; color:#333;zoom:1;/*opacity:1;filter: alpha(opacity=100);*/}
.tooltip-title{margin:0;color:#333; font-size:12px;font-weight: bold;line-height: 22px;}
.tooltip-content{color:#555; line-height:18px; font-size:12px;}
.tooltip-content p{margin:0;}
.tooltip-content span{color:#ff9714}
.tooltip-content b{font-weight:bold !important;}
.tooltip-arrow {position: absolute; z-index:100;width: 0;height: 0; overflow:hidden;border-color: transparent;border-style: solid;opacity:0.1;filter: alpha(opacity=10);}
.top .tooltip-arrow {bottom: 0;left: 50%;margin-left: -5px;border-top-color:#000;border-width: 5px 5px 0;}
.right .tooltip-arrow {top: 50%;left: 0;margin-top: -5px;border-right-color:#000;border-width: 5px 5px 5px 0;}
.left .tooltip-arrow {top: 50%;right: 0;margin-top: -5px;border-left-color:#000;border-width: 5px 0 5px 5px;}
.bottom .tooltip-arrow {top: 0;left: 50%;margin-left: -5px;border-bottom-color:#000;border-width: 0 5px 5px;}
asdasd{}
.bottom-left .tooltip-arrow,.bottom-right .tooltip-arrow{border-bottom-color:#000;border-width: 0 5px 5px;}
.bottom-left .tooltip-arrow {top: 0;left:25px;}
.bottom-right .tooltip-arrow {top: 0;left:100%; margin-left:-30px;}
.top-left .tooltip-arrow,.top-right .tooltip-arrow{border-top-color:#000;border-width: 5px 5px 0;}
.top-left .tooltip-arrow {bottom: 0;left:25px;}
.top-right .tooltip-arrow {bottom: 0;left:100%; margin-left:-30px;}


/* tooltip2 */
.tooltip2{background-color: #fffae4;border:1px solid #fc6;}
.tooltip2 .tooltip2-arrow{display:inline-block;width:20px;height:20px;border:none;position:absolute;opacity:1;filter: alpha(opacity=100);}
.tooltip2 .tooltip-content{line-height:22px;padding: 0 5px;}
/*.tooltip2 .tooltip-outer{max-width: 320px;width:320px;}*/
.tooltip2-arrow em,
.tooltip2-arrow i{position: absolute; z-index:100;width: 0;height: 0; overflow:hidden;border-color: transparent;border-style: solid;left:0;top:0;font-style: normal;border-width:0 9px 9px;}

.top .tooltip2-arrow,
.bottom .tooltip2-arrow{left: 50%;margin-left: -5px;}
.left .tooltip2-arrow,
.right .tooltip2-arrow{top: 50%;margin-top:-10px;}
.top-right .tooltip2-arrow,
.bottom-right .tooltip2-arrow{left:100%;margin-left:-50px;}
.top-left .tooltip2-arrow,
.bottom-left .tooltip2-arrow{left:0;margin-left:35px;}

.bottom .tooltip2-arrow,
.bottom-left .tooltip2-arrow,
.bottom-right .tooltip2-arrow{top:-10px}

.bottom-left .tooltip2-arrow em,
.bottom-right .tooltip2-arrow em,
.bottom .tooltip2-arrow em{border-bottom-color:#f60;}
.bottom-left .tooltip2-arrow i,
.bottom-right .tooltip2-arrow i,
.bottom .tooltip2-arrow i{top:1px;border-bottom-color:#fffae4;}

.top .tooltip2-arrow,
.top-left .tooltip2-arrow,
.top-right .tooltip2-arrow{bottom:-20px;}

.top-left .tooltip2-arrow em,
.top-right .tooltip2-arrow em,
.top .tooltip2-arrow em{border-top-color:#f60;border-width:9px 9px 0}
.top-left .tooltip2-arrow i,
.top-right .tooltip2-arrow i,
.top .tooltip2-arrow i{bottom:1px;border-top-color:#fffae4;border-width:9px 9px 0}
.left .tooltip2-arrow{left:-9px;}
.left .tooltip2-arrow em{border-right-color:#f60;border-width:9px 9px 9px 0}
.left .tooltip2-arrow i{right:1px;border-right-color:#fffae4;border-width:9px 9px 9px 0}
.right .tooltip2-arrow{left:100%;}
.right .tooltip2-arrow em{border-left-color:#f60;border-width:9px 0 9px 9px}
.right .tooltip2-arrow i{left:0px;border-left-color:#fffae4;border-width:9px 0 9px 9px}


/* 新的tags标签 tags.css: tagcc,tagback */
.tagscc,
.tagsback,
.tagsgift {
    display: inline-block;
    margin: 0 2px;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-indent:0;
    cursor: default;
}

.tagscc {
    padding: 0 4px;
    background: #ff9614;
    color: #fff;
    height: 16px;
    line-height: 16px;
}

.tagsback,
.tagsgift {
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    text-decoration: none;
}

.tagscc:empty,
.tagsback:empty {
    display: none;
}

.tagsback {
    border: 1px solid #ff9614;
    color: #ff9614;
}

.tagsback:hover {
    text-decoration: none;
    color: #ff9614;
}

.tagsback em,
.tagsback i,
.tagsgift em,
.tagsgift i { 
    font-size: 12px;
    display: inline-block;
    font-style: normal;
    font-weight: normal !important;
    overflow: hidden;
    height: 100%;
}

.tagsback em,
.tagsgift em {
    display: inline-block;
    float: left;
    padding: 0 2px;
}

.tagsback em {
    background: #ff9614;
    color: #fff;
}

.tagsback i,
.tagsgift i { 
    padding: 0 3px;
    min-width: 30px;
    _width: 30px;
    font-family: font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #ff9614;
}

.tagsgift,
.tagblue { 
    border: 1px solid #ccddee;
    color: #17afe3;
}

.tagsgift:hover,
.tagblue:hover { 
    text-decoration: none;
    color: #17afe3;
}

.tagsgift em,
.tagblue em { 
    background: #f0f5fc;
    color: #17afe3;
}

.tagsgift i,
.tagblue i { 
    color: #17afe3;
}

/* tags101 纯色标签 101橙色  102粉红  103红色  104绿色 105玫红  */
.tags101,
.tags102,
.tags103,
.tags104,
.tags105,
.tags106,
.tags107,
.tags108,
.tags109 {
    display: inline-block;
    margin: 0 2px;
    font-size: 12px;
    font-style: normal;
    font-weight: normal !important;
    text-indent:0;
    cursor: default;
    
    padding: 0 4px;
    background: #ff9614;
    color: #fff;
    height: 16px;
    line-height: 16px;
}
.tags101{ background: #ff8800;} /* 橙色 */
.tags102{ background: #fa65b0;} /* 粉红 */
.tags103{ background: #ff4444;} /* 红色 */
.tags104{ background: #6bbd00;} /* 绿色 */
.tags105{ background: #dd1177;} /* 玫红 */
.tags106{ background: ;} /*  */
.tags107{ background: ;} /*  */
.tags108{ background: ;} /*  */
.tags109{ background: ;} /*  */

/* tags背景 */
.tags201,
.tags301,
.tags302 {
    background: url(http://pic.lvmama.com/img/new_v/ob_search/combo.gif) no-repeat; 
    display: inline-block;
    *display: inline;
    *zoom: 1; 
    font-family: Tahoma,Arial,\5b8b\4f53;
    text-indent: 0;
}

/* tags201	促销大ICON-橙色 */
.tags201 { 
    width: 72px; 
    height: 26px;
    line-height: 26px; 
    margin: 0 0 8px 0;
    padding: 0 0 9px 0;
    overflow: hidden; 
    white-space: nowrap;
    background-position: -32px -136px;
    font-size: 12px;
    color: #ee6600;
    text-align: center;
    text-indent: 0;
    top:0 !important;
}

/* tags301	项目tags 301超级自由行 302开心驴行 */
.tags301,
.tags302 {
    display:inline-block; 
    margin:0 2px; 
    height: 17px;
    line-height: 17px;
    width: 76px; 
    overflow: hidden;
    font-size: 12px;
    text-indent: -9999px;
}

.tags301{ background-position: -190px 0; width: 88px;}
.tags302{ background-position: -190px -17px; width: 76px;}









/* 与文本的垂直对齐问题 */
[class^="tags"],
[class*=" tags"],
.tagscc,
.tagsback,
.tagsgift,
.tags101,
.tags102,
.tags103,
.tags104,
.tags105,
.tags106,
.tags107,
.tags108,
.tags109,
.tags301,
.tags302 {
    vertical-align: middle;
    *vertical-align:top;
    position: relative;
    top: -1px;
    *top: 0px;
}



/* 页码组件 */
/* Pages页码控制 默认橙色 */
.Pages{margin:10px 0 0;text-align:right;}
.Pages a,.Pages span{display:inline-block;zoom:1;*display:inline;margin-left:5px;padding:0 9px; height:25px; line-height:25px;}
.Pages a{border:1px solid #ddd; color:#538ED7;background:#fff;}
.Pages .PageSel,.orangestyle .PageSel{font-weight:bold;color:#fff;border:1px solid #f80;background:#f80;}
.Pages a:hover,.orangestyle a:hover{ text-decoration:none;border-color:#f80;color:#f80;}

.Pages .PrevPage,.Pages .NextPage{ width:55px; padding:0; height:25px;/* color:#07c;*/ line-height:24px; background:url(http://pic.lvmama.com/img/new_v/newBtn_bg.gif) 1000px 1000px no-repeat}
.Pages .PrevPage{ background-position:0 -1817px; text-align:right; padding-right:10px;}
.Pages .NextPage{ background-position:-144px -1817px; text-align:left; padding-left:10px;}
.Pages span.PrevPage,.Pages span.NextPage{color:#ccc;border:1px solid #ddd;}
.Pages span.PrevPage{ background-position:0 -1776px;}
.Pages span.NextPage{ background-position:-144px -1776px;}
.rosestyle .PageSel{border:1px solid #df1a7a;background:#df1a7a;}
.rosestyle a:hover{ border-color:#df1a7a;color:#df1a7a;}
.orangestyle .PageSel{border:1px solid #f80;background:#f80;}
.orangestyle a:hover{ border-color:#f80;color:#f80;}

.pages .pages_info{float:left;}
.pages .pages_go{float:right; padding-left:10px;}
.pages_go input{ height:12px;}
.pages_go input,.pages_go .btn{ vertical-align:top}

.darkstyle a,.darkstyle span{padding:0 8px;height:20px; line-height:20px;}
.darkstyle .PrevPage,.darkstyle .NextPage{width:50px;height:20px; line-height:20px; background:none }
.darkstyle a{border:1px solid #ccc;}
.darkstyle a:hover{ background:#E3E3E3;border-color:#bbb;color:#333;}

.darkstyle .PageSel{ border:none;color:#000; background:#fff;}

.darkstyle .PrevPage i { margin: 5px 0 0 -7px;}
.darkstyle .NextPage i { margin: 5px 0 0 2px;}
.darkstyle .PrevPage .blue-ui-arrow-left{ border-right-color : #538ED7;}
.darkstyle .NextPage .blue-ui-arrow-right{ border-left-color : #538ED7;}
.darkstyle a.PrevPage:hover .blue-ui-arrow-left{ border-right-color : #333;}
.darkstyle a.NextPage:hover .blue-ui-arrow-right{ border-left-color : #333;}

.darkstyle span.PrevPage .blue-ui-arrow-left{border-right-color : #ccc;}
.darkstyle span.NextPage .blue-ui-arrow-right{ border-left-color : #ccc;}